body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* #######################################################################################################################
   # General & theme elements
   ####################################################################################################################### */

* {				
	font-family: 'Roboto', sans-serif;	/*### GEÄNDERT ###*/
	font-size: 16px;	/*### GEÄNDERT ###*/
}

strong {			/*### NEU: Farbe fetter Schrift ###*/
	color: #4D4D4D;
	font-size: inherit;
}

*:focus {			/*### NEU: ein hellblauer Fokus, z.B. bei Klick der Ein-/Ausgabebereiche ###*/
	outline: none;
}

a:link, a:visited {
	color: #1122CC;		/*### GEÄNDERT ###*/
	text-decoration: none;
}
a.slider-next:link, a.slider-next:visited, a.slider-prev:link, a.slider-prev:visited {
	color: #4D4D4D;
}

::placeholder {			/*### NEU: Schriftfarbe Platzhalter ###*/
  color: #BCBCBC;
}


h1 {
	/*### GELÖSCHT: Hintergrundfarbe & Schriftfarbe ###*/
	font-size:24px;		/*### NEU: Schriftgröße ###*/
    	font-weight:bold;	/*### NEU: Schrift fett ###*/
	margin-block-end: 1em;
	/*### GELÖSCHT: Padding ###*/
}

h3 {				/*### NEU: Definiere Eigenschaften Überschriften bei Suchergebnissen ###*/
    	color: #4D4D4D;
}

ul {
	overflow:hidden;
	padding-left:20px;
}

.inline-lists {
	overflow: hidden;
	padding-left: 20px;
	margin-block-start:5px;
	margin-block-end: 10px;
}

.icons {
	margin-bottom: -2px;
}

.infobox {
	border: dotted 0.5px #303c56;
    	border-radius: 5px;
    	padding: 1px 0px 3px 7px;
}

.infobox img {
	margin-bottom: -2px;
}

.content-slider h3 {
    	padding-left: 5px;
 	margin-block-start: 20px;
    	margin-block-end: 10px;
}

table p {
    margin-block-start: 0em;
}


#wrapper {
	padding: 0px; 		/*### GEÄNDERT: 10px auf 0px ###*/
}


#container {		/*NEU: Gesamter Unterer Teil direkt unter Header (130px)*/
	margin-top: 130px;
	height:100%;
}

/* #######################################################################################################################
   # Bildvergrößerung
   ####################################################################################################################### */

#imgOverlay{
    	position: fixed; 
    	width: 100%; 
    	height: 100%; 
    	top: 0px; 
    	left: 0px; 
    	background-color: #000; 
    	opacity: 0.7;
    	filter: alpha(opacity = 70);
    	display: none;
    	z-index: 100;
    
}

#imgOverlayContent{
    	margin: 0;
    	position: fixed;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	width: 90%;
    	text-align: center;
    	display: none;
    	overflow: hidden;
    	z-index: 100;
}

span#close {
    	position: absolute;
    	right: 5px;
    	margin-top: -25px;
	color: #FFFFFF;
    	font-size: 14px;
	padding-right: 20px;
    	background: url(../../files/hd_css/ic-close-white.svg) no-repeat;
    	background-size: 14px 14px;
    	background-position: right top 3px;
 }

div#imgBigMain {
    	padding-top: 25px;
    	padding-bottom: 25px;
    	display: inline-block;
	position: relative;
}

#imgBig {
    	max-height:90vh;
}

#close:hover {
	cursor: pointer;
}

/* #######################################################################################################################
   # Header
   ####################################################################################################################### */

#header{			/*### NEU: Header fixiert, dazu def. der Höhe&Breite erforderlich ###*/
	width:100%;
	min-width: 543px;
	position: fixed;	/*fixiert, scrollt nicht mit*/
	z-index: 1; 		/*Vordergrund, beim scrollen inhalt des main sonst davor (bessere Lösung mgl.?)*/
	top: 0;			/*Position ganz oben*/
	white-space:nowrap;	/*damit Inhalte nicht umbrechen*/
}

#header .inside {
	background-color: #232838;	/*### GEÄNDERT: #C3D2EB auf #232838 ###*/
	min-height:130px;		/*### NEU: Mindesthöhe Header ###*/
	min-width:767px;
}
   
#header #divHeaderLogo {
	background-color: #FFFFFF;
	border-bottom: 7px solid #1B9EB3;	/*### GEÄNDERT: 8px solid #7396C8 auf 7px solid #1B9EB3 ###*/
	padding: 16px 16px 11px 18px;		/*### GEÄNDERT: Hintergrundbild besser positioniert ###*/
}

#header #divHeaderLogo .imgHeaderLogo {
	width: 473px;			/*### GEÄNDERT: 350px auf 473px ###*/
}

#header div.block {
	margin-top: 14px;		/*### GEÄNDERT: 10px auf 14px (damit Header hoch genug) ###*/				
}

.backButton {				/*### NEU: Zurück-Button ###*/
	width: 16px;
    	padding-left: 10px;
	display: inline-block;
	padding-top: 15px;
}

.backButton .imgBack, .divHeaderText {			/*### NEU: Zurück-Button und Text auf eine Ebene mit dem Rest heben ###*/
    padding-bottom: 1.5px;
}

img#imgBack {
        padding: 3px 0px 3px 4px;				/*### NEU: Zurück-Button (Bild) auf eine Ebene mit dem Rest heben ###*/
	width: 10px;
}

.mod_breadcrumb, .divHeaderText {		
	min-width: 250px;	/*### NEU: Breite abzüglich Zurück-Button ###*/
	display: inline-block;
	position: fixed;
    	left: 30px;
}

.divHeaderText span {
	color: #FFFFFF;			/*### GEÄNDERT: #979AA1 auf #FFFFFF ###*/
	padding: 15px 0px 3px 10px;	/*GEÄNDERT: padding-left: 30px auf padding: 15px 0px 3px 40px (Da Text nicht so hoch wie ul/Suchzeile, aber alles im Headerstreifen auf derselben Höhe)*/
}

.mod_breadcrumb ul {
	margin: 0;
	padding-inline-start: 10px;
}

.mod_breadcrumb ul li {
	color: #FFFFFF;			/*### GEÄNDERT: #959AA0 auf #FFFFFF ###*/
	float: left;
	list-style: none;
	padding-right: 10px;
	margin-bottom: 1.5px;  		/*### NEU: Postionierung mittig zur Suchzeile bei Größenunterschied von 3px*/
}

.mod_breadcrumb ul li a:link, .mod_breadcrumb ul li a:visited {
	color: #FFFFFF;			/*### GEÄNDERT: #959AA0 auf #FFFFFF ###*/
	text-decoration: none;
}

.mod_breadcrumb ul li.active {
	color: #1B9EB3;			/*### GEÄNDERT: #005FAA auf #1B9EB3 ###*/
}

.contact {
	margin-left: 2vw;
	margin-bottom: 1.5px; 		/*### NEU: Postionierung mittig zur Suchzeile bei Größenunterschied von 3px*/
	position: fixed;		/*### NEU: Rechtsbündig*/
    	right: 1.5%;
	align-items: center;
}

.contact a:link, .contact a:visited {	/*### NEU: Schriftfarbe Kontakt*/
	color: #FFFFFF;
}

.imgContact {
   	margin-right: 5px;
    	margin-bottom: -1px;
    	height: 16px;
}

/* #######################################################################################################################
   # Links
   ####################################################################################################################### */


#left {
 	background-color: #EAEAEA;	/*### GEÄNDERT: #EDEAE3 auf #EAEAEA ###*/
	color: #4D4D4D;			/*### NEU: Textfarbe #4D4D4D ###*/
	padding: 10px 0px;		/*### NEU: Abstand zum Header ###*/
	min-height: 646px;		/*### NEU: linke Seite füllen ###*/
	width:280px;			/*### NEU: feste Breite ###*/
	position:fixed;			/*### NEU: fixiert, scrollt nicht mit ###*/
	left:0px;			/*Position ganz links*/
	margin-left:0;			/*Standard Margin -100% überschreiben*/
	z-index: 0;		/*Hintergrund, beim Umbruch des Headers wegen der Suchzeile (bessere Lösung mgl.?)*/
	/*overflow-y: auto;*/
}


#left .inside {
 	background-color: #EAEAEA;	/*### GEÄNDERT: #EDEAE3 auf #EAEAEA ###*/
	z-index: 0;		/*Hintergrund, beim Umbruch des Headers wegen der Suchzeile (bessere Lösung mgl.?)*/
}

.tableless, .contact {			/*### GEÄNDERT: .helpsearch auf .mod_form (heißt anders wenn ich eigenes Formular benutze) ??? ###*/
	display: inline-block;
}

.tableless #ctrl_3 {		/*### GEÄNDERT: #ctrl_keywords_2 auf #ctrl_3 (heißt anders wenn ich eigenes Formular benutze) ??? ###*/
	margin: 21px 0px 0px 29px;
    	width: 197px;
	border-radius: 12px;		/*### NEU: Ecken rund ###*/
	border: 0px;			/*### NEU: Kein Rahmen ###*/
	padding: 5px 12px 5px 12px;	/*### NEU: Größe korrigieren, da kein Rahmen mehr ###*/
	font-size: 14px;		/*### NEU: Kleinere Schrift ###*/
	background:#FFFFFF url(../../files/hd_css/search-icon.svg) no-repeat; 	/*### NEU: Suchicon rechts ###*/
	background-size: 14px 13px;				/*### NEU: Suchicon rechts - Größe ###*/
	background-position: right 6px center;			/*### NEU: Suchicon rechts - Position ###*/
}

ul.level_1 {
    margin-block-start: 0.5em;
}

#left .mod_navigation ul {
	padding-left:40px;
}

#left .mod_navigation ul li {
	list-style: none;
	padding-top: 1.3vh;		/*### NEU: größerer Abstand Listenelemente ###*/
}

#left .mod_navigation ul li.active span {
	font-weight: bold;
}


/* #######################################################################################################################
   # Hauptteil
   ####################################################################################################################### */


#main {
    	width: 100%;
	height:100%;
}

#main .inside {
	padding: 11px 20px 20px 30px;			/*### GEÄNDERT: 10px auf 10px 20px 20px 30px ###*/
	z-index: 0;			/*### NEU: Hintergrund, beim scrollen inhalt des main sonst davor (bessere Lösung mgl.?) ###*/
	/*min-width:280px;*/		/*### NEU: mindestbreite für zusammenschieben des Fensters ??? ###*/
}

/* #######################################################################################################################
   # Kleinere Bildschirmgröße
   ####################################################################################################################### */

@media (max-width:767px){	/*### NEU: Fenster kleiner (Breite) 767px, Positionierung left und main beibehalten ###*/
	#main{padding-left:280px;}
	#main, #left, #right {float: left;}
	.contactText {display: inline-block;width:0px;overflow:hidden;}
	.imgContact {margin-bottom: 1.5px;}
}


/* #######################################################################################################################
   # Akkordion
   ####################################################################################################################### */
.ce_accordion div.toggler  {
	background-color: #EAEAEA;	/*### GEÄNDERT: #C3D2EB auf #EAEAEA ###*/
	font-weight: bold;		/*### NEU: Schrift fett ###*/
	border-radius: 5px;		/*### NEU: Ecken rund ###*/
	cursor: pointer;
	margin-top: 4px;		/*### GEÄNDERT: 10px auf 4px ###*/
	padding: 12px 21px 8px 14px;	/*### GEÄNDERT: 5px auf 12px 21px 8px 14px ###*/
	background: #EAEAEA url(../../files/hd_css/dropdown-icon-down.svg) no-repeat;	/*### NEU: Ausklappen-Icon rechts ###*/
	background-size: 21px 8px;					/*### NEU: Ausklappen-Icon rechts - Größe ###*/
	background-position: right 4px center;				/*### NEU: Ausklappen-Icon rechts - Position ###*/
}

.ce_accordion div.toggler.active {		/*NEU: Einklappen-Icon für aktiven Ein/Ausklappbar-Bereich*/
	background: #EAEAEA url(../../files/hd_css/dropdown-icon-up.svg) no-repeat;
	background-size: 21px 8px;
	background-position: right 4px center;
}

.ce_accordion .accordion > div {
    	padding: 0 5px 5px;	/*### GEÄNDERT: 15px auf 5px ###*/
}

/* #######################################################################################################################
   # Slider
   ####################################################################################################################### */

.ce_sliderStart {
    	border: solid 1.5px #EAEAEA;	/*### GEÄNDERT: thin solid #C3D2EB auf solid #EAEAEA ###*/
    	padding: 0px 5px 5px 10px;		/*### GEÄNDERT: 5px auf 0px 10px 5px 10px ###*/	
}

.ce_accordion .ce_sliderStart { /*### NEU: Slider in Akkordeon oben ohne Rahmen*/
    border-top:0px;
}

.content-slider .text-inside { /*### NEU: Überlauf im Slider verhindern*/
    padding-right: 18px;
}

.slider-control {		/*### NEU: Slider-Steuerelemente - Gesamt*/
	z-index: 0;
	padding: 0px 0px 15px 0px;
}

.slider-menu {			/*### NEU: Slider-Steuerelemente - Mittelteil*/
	z-index: 1;
	padding: 10px 0px 5px;
}

.slider-control .slider-menu b.active { /*### NEU: Slider-Steuerelemente - Mittelteil aktives Bubble*/
    color: #666;
}

.slider-control .slider-menu b { /*### NEU: Slider-Steuerelemente - Mittelteil nichtaktives Bubble*/
    color: #1B9EB3;
    cursor: pointer;
    font-size: 30px;
}

.slider-control .slider-prev {	/*### NEU: Slider-Steuerelemente - Links Zurückicon*/
	z-index: 1;
	padding: 10px 0px 10px 40px;
	background: #ffffff url(../../files/hd_css/slider-left.svg) no-repeat;
	background-size: 30px 30px;
	background-position: left 4px center;	
	font-size: 12px;
}



.slider-control .slider-next {	/*### NEU: Slider-Steuerelemente - Rechts Vorwärtsicon*/
	z-index: 1;
	padding: 10px 40px 10px 0px;
	background: #ffffff url(../../files/hd_css/slider-right.svg) no-repeat;
	background-size: 30px 30px;
	background-position: right 4px center;	
	font-size: 12px;
}

/* #######################################################################################################################
   # Suchergebnisseite
   ####################################################################################################################### */

.mod_search > form {
    height: 0px;
    width: 0px;
    overflow: hidden;
}

p.url {
	margin-bottom: 30px;
}

p.header {	
	font-size: 24px;
	margin-block-start: 0.67em;
}

p.context {			/*### NEU: Textblöcke in der Suche einrücken ###*/
	margin-inline-start: 10px;
}

.highlight {			/*### NEU: Farbige Hervorhebung Suchwort ###*/
	color: #227d90;	
	font-weight: bold;
}